<template>
    <div class="options">
        <nav-bar>设置</nav-bar>
        <div class="list">
            <list title="清除缓存" value="50M"></list>
            <list title="设置密码" value="你尚未设置密码" @listclick="$router.push('/setpassword')"></list>
            <list title="当前版本" value="v1.2"></list>
        </div>
        <p @click="loginOut">退出登录</p>
    </div>
</template>

<script>
import list from "@/components/list.vue";
export default {
    data() {
        return {

        }
    },
    methods: {
        loginOut() {
            localStorage.removeItem("msmktoken");
            this.$router.back();
        }
    },
    components: {
        list
    }
}
</script>

<style lang="scss" scoped>
.list {
    margin-top: 8vh;
}

p {
    border-radius: 20px;
    position: fixed;
    bottom: 10vh;
    left: 10vw;
    background-color: orangered;
    color: #fff;
    text-align: center;
    width: 80vw;
    line-height: 45px;
    font-size: 14px;
    margin: 0 auto;
}
</style>
